<!DOCTYPE html>
<head>
    <title></title>
    <style>
        /*使用装饰器来定义动画*/
        @keyframes helloworld{
            0%{
                background-color: red;
            }

            50%{
                background-color: green;                  
            }
            100%{
                background-color: blue;
            }
        }

        div{
            background-color: red;
            height: 500px;
            width: 500px;
            animation:helloworld 3s linear 3s infinite 
        }

        div:hover{
            color:cyan;
            box-shadow: 20px 20px 20px sandybrown;
        }
    </style>
    <!--注意时间以及大小一定要写单位要不然狗屁不是-->
    <!--这是Minecraft里面的指令少一个参数都不行，而且还不给报错-->
</head>
<body>
    <!--图形化界面的基本原理是通过主循环检测事件并且不断更新页面-->
    <div class="box">
        <a href="https://nmixx.jype.com/">
        制作鼠标画上去颜色发生变化的效果
        好像很有意思了卧槽
        </a>
    </div>
</body>